<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--设置字符编码为utf-8-->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<!--使用IE最新内核,谷歌最新内核-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!--移动端自适应屏幕大小-->
<meta name="apple-mobile-web-app-capable" content="yes">
<!--启用webAPP全屏模式-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效-->
<meta content="telephone=no" name="format-detection">
<!--忽略数字自动识别为电话号码-->
<meta name="renderer" content="webkit">
<!--浏览器内核切换为急速模式-->
<meta name="Robots" content="all">
<!--搜索引擎使用自己设定的描述信息-->
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/all.css">
<link rel="stylesheet" href="__HOME_CSS__/iconfont.css">
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/qb_chat.css">
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/student_index.css">
<style>
/*新版本*/

body {
	background: #e8e8e9;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
}
.qb-bar {
	position: absolute;
}
#qb-content-box {
	padding-top: 60px;
	position: relative;
	overflow: hidden;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.qb-content-box {
	width: 100%;
	padding: 15px 10px;
	background: #fff;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-box-shadow: 0 1px 6px #ccc;
	box-shadow: 0 1px 6px #ccc;
	-moz-box-shadow: 0 1px 6px #ccc;
}
.qb-content-fonts {
	width: 4.8rem;
	float: left;
}
.qb-content-fonts p, .qb-content-times, .qb-content-name {
	color: #666;
}
.qb-content-fonts h3 {
font-size: .28rem;
	border-bottom: 1px dashed #ddd;
	color: #333;
	padding-bottom: 8px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	/*white-space:nowrap;*/
overflow: hidden;
}
.qb-content-main {
	min-height: 1rem;
}
.qb-content-fonts p {
font-size: .22rem;
	padding: 10px 0 7px 0;
	text-overflow: ellipsis;
	overflow: hidden
}
.qb-content-headimg {
	width: 1.0rem;
	height: 1.0rem;
	overflow: hidden;
	border-radius: 50%;
	float: right;
	/*background: url('../img/head.png') center no-repeat;*/
/*background-size: cover;*/
border: 1px solid #dedede;
}
.qb-content-state {
	float: left;
}
.qb-content-states {
	padding: 0 .12rem;
	display: inline-block;
	font-size: .2rem;
	margin-right: 5px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.qb-content-time {
	width: 100%;
	float: left;
padding-top: .1rem;
}
.qb-content-name {
	width: 1rem;
	text-align: center;
	float: right;
	color: #333;
}
.qb-content-state img, .qb-content-times, .qb-content-time {
	vertical-align: middle;
}
.qb-content-state img {
width: .25rem;
}
.qb-content-time {
font-size: .25rem;
}
#headDown, #course-sel {
	color: #333;
}
.cou-list .cou-list-body p i {
	margin-right: 5px;
	/*color:#9999ff;*/
font-size: 0.24rem;
}
/*报名中*/
.qb-sign {
	background-color: #d8332d;
	background: -moz-linear-gradient(top,  #d8332d 0%, #9e0b06 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8332d), color-stop(100%,#9e0b06)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d8332d 0%,#9e0b06 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d8332d 0%,#9e0b06 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d8332d 0%,#9e0b06 100%); /* IE10+ */
	background: linear-gradient(top,  #d8332d 0%,#9e0b06 100%); /* W3C */
}
/*未开始*/
.qb-bule {
	background-color: #29a7e1;
	background: -moz-linear-gradient(top,  #29a7e1 0%, #036693 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29a7e1), color-stop(100%,#036693)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #29a7e1 0%,#036693 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #29a7e1 0%,#036693 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #29a7e1 0%,#036693 100%); /* IE10+ */
	background: linear-gradient(top,  #29a7e1 0%,#036693 100%); /* W3C */
}
/*已结束*/
.qb-over {
	background-color: #d0d0d0;
	background: -moz-linear-gradient(top,  #d0d0d0 0%, #7d7d7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#7d7d7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d0d0d0 0%,#7d7d7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d0d0d0 0%,#7d7d7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d0d0d0 0%,#7d7d7d 100%); /* IE10+ */
	background: linear-gradient(top,  #d0d0d0 0%,#7d7d7d 100%); /* W3C */
}
/*讲课中*/
.qb-lecture {
	background: #ffba00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffba00 0%, #c18d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba00), color-stop(100%,#c18d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffba00 0%,#c18d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffba00 0%,#c18d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffba00 0%,#c18d00 100%); /* IE10+ */
	background: linear-gradient(top,  #ffba00 0%,#c18d00 100%); /* W3C */
}
body, td, th {
	font-family: "微软雅黑";
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<!--下拉效果-->

<div id="qb-content-box"> 
  <if condition="$classList">
  <volist name="classList" id="vo">
  <a class="qb-content-box"  style="position: relative" href="{:U('Index/couresDetail',array('id'=>$vo['id']))}">
  	   <div class="qb-content-main">
		    <div class="qb-content-fonts">
			      <h3>{$vo.title}</h3>
			      <p>{$vo.description}</p>
		    </div>
		   <div class="qb-content-headimg" style=" background: url(&#39;{$vo.headimgurl}&#39;) center no-repeat;background-size: cover;"></div>
		   <div class="qb-content-time">
			    <div class="qb-content-state">
			        <if condition="$vo.status eq 1">
			        <span class="qb-content-states qb-bule">未开始</span>
			        <elseif condition="$vo.status eq 2"/>
			       <span class="qb-content-states qb-sign">  报名中</span>
			        <elseif condition="$vo.status eq 3"/>
			        <span class="qb-content-states qb-lecture">讲课中</span> 
			        <elseif condition="$vo.status eq 4"/> 
			        <span class="qb-content-states qb-over">已结束</span>
			        <else/>
			        </if>
			        
			        <img src="__HOME_IMG__/times.png">  
			        <span class="qb-content-times">{$vo.starttime}</span>
			    </div>
			   	<div class="qb-content-name"><b>{$vo.nickname}</b></div>
		  </div>
 	  </div>
 	  
 	   </a>
  </volist>
  <else/>
    <h3>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;暂无数据</h3>
  </if>
 </div>
  
  
 
<script type="text/javascript" src="__HOME_JS__/main_base.js"></script> 
<script type="text/javascript" src="__HOME_JS__/jweixin-1.0.0.js"></script> 
<script type="text/javascript" src="__HOME_JS__/jquery.min.js"></script> 
<script>
jQuery(function(){
var window_width =document.body.clientWidth;

var padding,font_size,n;
if(window_width<=320){
font_size = 14;
n = 3;
}
else if(window_width>420){
$('#course-sel').css('font-size','24px');
font_size = 18;
n = 5;
}
else{
font_size = 14;
n = 4;
}
padding = ((window_width-(4*n*font_size))/(3*n+1)-2);
$('.sch-list-group').css('padding',padding+'px '+padding/2+'px');
$('.sch-list').css({'margin':padding/2+'px','padding':padding/2+'px '+padding+'px','font-size':font_size+'px'});
function winResize(){
var muScroll = jQuery('.box-scroll'),
muH = muScroll.height(),
sctH = jQuery('.box-scroll-title').outerHeight();
if(!sctH){
sctH =0;
}
jQuery('.box-scroll-body').height(muH-sctH);
}
winResize();
$(window).resize(function(event) {
winResize()
});
$('.sch-select-tt').click(function(){
var $this = $(this),
id = $this.attr('id');
$this.toggleClass('show');
$('[data-id="'+id+'"]').toggleClass('show');
});
$('.sch-mask-box .sch-mask').click(function(){
var $box = $(this).closest('.sch-mask-box'),
id = $box.attr('data-id');
$box.toggleClass('show');
$('#'+id).toggleClass('show');
})
var $content = $('#qb-content-box'),pn= 10,isLoad = true,$wait = $(".wait");
$(".menue").on("click",function(){
$(".myDownMenue").slideToggle("slow");
});
$('#qb-content-box').on("scroll", function () {
var $this = $(this);
if (($this.height() + $this.scrollTop() + 70 >= $this[0].scrollHeight) && isLoad) {
isLoad = false;
var rl='?pn='+pn;
$.get(rl,function(data){
if(data.code==100){
if(!data.msg||data.msg==''){
return
}
pn = pn + 10;
var lis = '',$lis='';
// $wait.remove();
$.each(data.msg,function(index,inf){
lis=' <a class="qb-content-box" href="'+(inf.stype=='package'?'/package/'+inf.uuid:'/subject/'+inf.uuid)+'" style="position: relative">' +
'<div class="qb-content-main"> ' +
'<div class="qb-content-fonts"> ' +
'<h3>'+inf.name+'</h3> ' +
'<p>'+inf.summary+'</p> ' +
'</div> ' +
'<div class="qb-content-headimg" style=" background: url('+inf.head+') center no-repeat;background-size: cover;"></div></div> ' +
'<div class="qb-content-time"> ' +
'<div class="qb-content-state"> ' +
'<span class="qb-content-states '+inf.status_class+'">'+inf.begin_status+'</span> ' +
'<img src="http://qianbei.sxsimg.com/static/img/times.png?v=d2a780dbe4384eccc1d3556413ef8688"> ' +
'<span class="qb-content-times">'+inf.begin_time+'</span> ' +
'</div> ' +
'<div class="qb-content-name"><b>'+inf.master_name+'</b></div> ' +
'</div> ' +
(inf.stype=='package'?'<div style="position: absolute;bottom: 0;right: 0;height: 35%;">'+
'<img src="http://qianbei.sxsimg.com/85/A9/859C6BFD010D0C9DAAE7E1E3BE2A05A9.png" style="height: 100%;">'+
'</div>':'')+
'</a>';
$lis = lis;
$content.append($lis);
});
isLoad = true
}
},'json')
}
});
})
</script>
<div style="position: static; width: 0px; height: 0px; border: none; padding: 0px; margin: 0px;">
  <div id="trans-tooltip">
    <div id="tip-left-top" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left-top.png);"></div>
    <div id="tip-top" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-top.png) repeat-x;"></div>
    <div id="tip-right-top" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right-top.png);"></div>
    <div id="tip-right" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right.png) repeat-y;"></div>
    <div id="tip-right-bottom" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right-bottom.png);"></div>
    <div id="tip-bottom" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-bottom.png) repeat-x;"></div>
    <div id="tip-left-bottom" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left-bottom.png);"></div>
    <div id="tip-left" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left.png);"></div>
    <div id="trans-content"></div>
  </div>
  <div id="tip-arrow-bottom" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-arrow-bottom.png);"></div>
  <div id="tip-arrow-top" style="background: url(chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-arrow-top.png);"></div>
</div>
</body>
</html>
